Skip to main content

Vite 环境变量设置

设置环境变量

Vite的环境变量分为4种

release 发行
beta 预发布
test 测试
local 本地

配置

在package.json配置开发环境,优先级比vite.config.ts文件高使用: --mode <环境> 来定义当前的环境,例如使用dev:local代表本地的开发环境关键代码:
```
{
"scripts": {
    "dev:local": "vite --port 3000 --mode _local",
    "dev:produ": "vite --port 3000 --mode release"
  }
}
```

例: VITE_开头 .env.local 本地开发文件

VITE_URI=https://localhost:4000

.env.production 生产环境文件

VITE_URI=https://lookeke.com:4000

使用:

使用关键字import.meta.env.<env变量名>

import.meta.env有几种模式:

import.meta.env.MODE: 应用运行的模式
import.meta.env.BASE_URL 部署应用时基本URI. 由vite.config.ts的base配置项决定
import.meta.env.PROD 应用是否运行在生产环境中
import.meta.env.SSR 应用是否运行在服务器渲染环境

例子:

console.log(import.meta.env.VITE_URI)

设置环境变量
配置
使用: